<template>
  <div>
    <van-dropdown-menu active-color="#36c14c">
      <van-dropdown-item
        v-model="value"
        :options="option1"
        @change="changeNewsClass"
      />
    </van-dropdown-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: 0,
      option1: [
        { text: "聚焦爱尔", value: 0 },
        { text: "媒体报道", value: 1 },
        { text: "社会责任", value: 2 },
        { text: "学术资讯", value: 3 },
      ],
    };
  },
  methods: {
    changeNewsClass(value) {
      console.log(value);
      this.$router.push({
        name: "news_list",
        params: { classid: value },
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.van-dropdown-menu {
  width: 100px;
}
</style>
